html,
body,
#app {
  height: 100%;
  overflow: hidden;
}

html:not(.dark) {
  color-scheme: light;
}

.dark {
  color-scheme: dark;
  background: #080808;
  color: white;
}

.splitpanes__splitter {
  position: relative;
}

.splitpanes__splitter:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  transition: opacity 0.4s;
  background-color: rgb(125 125 125 / 0.1);
  opacity: 0;
  z-index: 1;
}

.splitpanes__splitter:hover:before {
  opacity: 1;
}

.splitpanes--vertical > .splitpanes__splitter {
  min-width: 0 !important;
}
.splitpanes--horizontal > .splitpanes__splitter {
  min-height: 0 !important;
}

.splitpanes--vertical > .splitpanes__splitter:before {
  left: -10px;
  right: -10px;
  height: 100%;
}

.splitpanes--horizontal > .splitpanes__splitter:before {
  top: -10px;
  bottom: -10px;
  width: 100%;
}

::view-transition-old(root),
::view-transition-new(root) {
  animation: none;
  mix-blend-mode: normal;
}
::view-transition-old(root) {
  z-index: 1;
}
::view-transition-new(root) {
  z-index: 2147483646;
}
.dark::view-transition-old(root) {
  z-index: 2147483646;
}
.dark::view-transition-new(root) {
  z-index: 1;
}

.v-popper--theme-dropdown .v-popper__inner {
  background: #fff;
  border-radius: 0px;
  border-color: #d9dde0;
  box-shadow: 0 6px 30px #0000001a;
}

.v-popper--theme-dropdown .v-popper__arrow-outer {
  border-color: #d9dde0;
}

.v-popper--theme-dropdown .v-popper__arrow-inner {
  border-color: #fff;
}

.dark .v-popper--theme-dropdown .v-popper__inner {
  background: #080808;
  color: #ffffff;
  border-color: #3e4245;
}

.dark .v-popper--theme-dropdown .v-popper__arrow-outer {
  border-color: #3e4245;
}
.dark .v-popper--theme-dropdown .v-popper__arrow-inner {
  border-color: #080808;
}
